$(function() {
    // 渲染页面
    $.ajax({
        type: 'get',
        url: '/product/queryProductDetailList',
        data: {
            page: 1,
            pageSize: 10,
        },
        success: function(res) {
            // console.log(res);
            var html = template('tem-product', res);
            $('.table').html(html);
        }
    });

    // 点击添加商品
    $('#addProduct').on('click', function() {
        console.log(1111);

        // 请求品牌数据，获取品牌名称，渲染下拉框
        $.ajax({
            type: 'get',
            url: '/category/querySecondCategoryPaging',
            data: {
                page: 1,
                pageSize: 100,
            },
            success: function(res) {
                // console.log(res);
                var html = template('tem-brandName', res);
                $('#select-brand').html(html);
            }
        })
    });

    // 上传文件操作  
    // var arr = []; //用来存储上传到图片信息
    // $('#upfile').on('change', function() {
    //     // bug：为什么用$(this)不行，因为files是原生属性
    //     // var file = e.target.files;
    //     var file = this.files;
    //     console.log(file);
    //     var data = new FormData();
    //     data.append('file', file);
    //     $.ajax({
    //         type: 'post',
    //         url: '/category/addSecondCategoryPic',
    //         data: data,
    //         contentType: false,
    //         processData: false,
    //         error: function() {
    //             console.log(22);
    //         },
    //         success: function(res) {
    //             console.log(111);
    //             console.log(res);
    //         },
    //         complete: function() {
    //             console.log(444);

    //         }
    //     })
    // });


    // 点击添加按钮，添加商品
    // $('#add').on('click', function() {
    //     var proName = $('[name="proName"]').val();
    //     var oldPrice = $('[name="oldPrice"]').val();
    //     var price = $('[name="price"]').val();
    //     var proDesc = $('[name="proDesc"]').val();
    //     var size = $('[name="size"]').val();
    //     var statu = $('[name="proName"]').val();
    //     var num = $('[name="num"]').val();
    //     var brandId = $('[name="proName"]').val();

    //     $.ajax({
    //         data: {
    //             proName: proName,
    //             oldPrice: oldPrice,
    //             price: price,
    //             proDesc: proDesc,
    //             size: size,
    //             statu: statu,
    //             num: num,
    //             brandId: brandId,
    //             // pic:ky
    //         }
    //     })
    // });
})